body{
  overflow-x:hidden  
}
#info-panel {
  position: absolute;
  right: 0;
  top: 50px;
  bottom: 0;
  width: 950px;
  background: #fff;
  border-left: 1px solid #dddddd;
  border-radius: 1px;
  z-index: 1;
  display: none;
}

/*JQGRID*/

.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 24px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin-left: 5px;
    font-weight: 700;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
}

.ui-jqgrid-btable a{
        color: #428bca;
}

.ui-jqgrid-btable a:hover {
    text-decoration: underline;
}


/* TABLES */

.table-bordered {
    border: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}


/*表格头部工具条*/

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
} 


/*首页*/
#sum_box .icon.fa-phone  {
    color: #5cb85c;
}


/*黑名单表头工具条*/
.grid_operate {
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 40px;
    /*background: #f6f6f8;
    border: 1px solid #ddd;
    border-bottom: none;*/
}

.grid_operate ul {
    float: left;
    margin: 10px 0 0 -15px;
    padding:0;
}

.grid_operate ul li {
    font-size: 14px;
    line-height: 12px;
    float: left;
    height: 12px;
    margin-left: 10px;
    padding-left: 10px;
    /*color: #2898e0;*/
    border-left: 1px solid #c9c9c9;
    list-style: none;
}

.grid_operate ul li.first {
    padding-left: 5px;
    border-left: 0;
}

.grid_operate ul li.first  span{
  color: #2898e0;
}

.grid_operate ul li a {
    line-height: 30px;
    display: block;
    overflow: hidden;
    max-width: 170px;
    height: 30px;
    margin-top: -9px;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #2898e0;
    border-radius: 4px;
}
.grid_operate ul li a:hover {
    text-decoration: none;
    background-color: #2898e0!important;
    
    color: #fff;
}


.page-topsec-area {
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: 8px;
}
.page-topsec-inputbox {
    padding: 0 15px;
    height: 32px;
    border: 1px solid #d8e3ef;
    border-radius: 15px;
}

.page-topsec-inputbox input {
    background-color: transparent;
    font-size: 14px;
    float: left;
    width: 148px;
    height: 29px;
    line-height: 29px;
    border: none;
    margin-top: 1px;
    color: #6b7a99;
}

/****************头部分机状态 start***************/
.page-topsec-area a{
    font-size:24px;
    vertical-align: 5px;
}

#a_exten_state .idle.fa-circle{

    color: #5cb85c;
}
#a_exten_state .unavailable.fa-circle{
    color: #594857;
}
#a_exten_state .ringing.fa-circle{
    color: #5bc0de;
}
#a_exten_state .inuse.fa-circle{
    color: #5bc0de;
}
#a_exten_state .busy.fa-circle{
    color: #e74c3c;
}
#a_exten_state .dnd.fa-circle{
    color: #e74c3c;
}


#a_exten_state .idle.fa-star{

    color: #5cb85c;
}
#a_exten_state .unavailable.fa-star{
    color: #594857;
}
#a_exten_state .ringing.fa-star{
    color: #5bc0de;
}
#a_exten_state .inuse.fa-star{
    color: #5bc0de;
}
#a_exten_state .busy.fa-star{
    color: #e74c3c;
}
#a_exten_state .dnd.fa-star{
    color: #e74c3c;
}
/****************头部分机状态 end***************/